import React, { memo } from "react";
import cs from 'classnames';
import sty from './sty.module.css';


import Banner from './child/banner';
import HotRecommend from './child/hotRecommend';
import NewAlbum from './child/newAlbum';
import Ranking from './child/ranking';

import SettleSinger from './child/settleSinger';

import UserLogin from './child/useLogin';
import HotArtits from "./child/hotArtits";
const Recommend = () => {
  return < >
    <Banner />
    <div className={cs(sty.content, 'wrap2')}>
      <div className={sty.left}>
        <HotRecommend />
        <NewAlbum />
        <Ranking />
      </div>
      <div className={sty.right}>
        <UserLogin />
        <SettleSinger />
        <HotArtits />
      </div>
    </div>
  </>
}
export default memo(Recommend)